<template>
	<view>
		<!-- <view class="status_bar">
			<view class="top_view"></view>
		</view> -->
		<swiperTemp :imgUrl="imgUrl"></swiperTemp>
		
		<view class="lists">
			<view class="list-item" @tap="toZixun">
				<image src="http://ai.ylcaifu.com/appimg/images/1.0-%E5%8F%91%E7%8E%B0/1.0-%E5%8F%91%E7%8E%B0%EF%BC%88%E6%96%B0%E5%AE%A2%E6%88%B7%EF%BC%89/android/drawable-xhdpi/zixun.png" mode=""></image>
				<view>资讯</view>
			</view>
			<view class="list-item" @tap="toQiuzhi">
				<image src="http://ai.ylcaifu.com/appimg/images/1.0-%E5%8F%91%E7%8E%B0/1.0-%E5%8F%91%E7%8E%B0%EF%BC%88%E6%96%B0%E5%AE%A2%E6%88%B7%EF%BC%89/android/drawable-xhdpi/qiuzhi.png" mode=""></image>
				<view>求知</view>
			</view> 
			<view class="list-item" @tap="toHuodong">
				<image src="http://ai.ylcaifu.com/appimg/images/1.0-%E5%8F%91%E7%8E%B0/1.0-%E5%8F%91%E7%8E%B0%EF%BC%88%E6%96%B0%E5%AE%A2%E6%88%B7%EF%BC%89/android/drawable-xhdpi/huodong.png" mode=""></image>
				<view>活动</view>
			</view>
			<view class="list-item" @tap="toCaifu">
				<image src="http://ai.ylcaifu.com/appimg/images/1.0-%E5%8F%91%E7%8E%B0/1.0-%E5%8F%91%E7%8E%B0%EF%BC%88%E6%96%B0%E5%AE%A2%E6%88%B7%EF%BC%89/android/drawable-xhdpi/caifujiangtang.png" mode=""></image>
				<view>财富讲堂</view>
			</view>
			<view class="list-item" v-if="loginRole!=3">
				<view class="list-item" @tap="toStore">
					<image src="http://ai.ylcaifu.com/appimg/images/1.0-%E5%8F%91%E7%8E%B0/1.0-%E5%8F%91%E7%8E%B0%EF%BC%88%E6%96%B0%E5%AE%A2%E6%88%B7%EF%BC%89/android/drawable-xhdpi/jifenshamhcheng.png" mode=""></image>
					<view>积分商城</view>
				</view>
			</view>
		</view>
		<view class="block-box">
			<view class="block">
				<view class="block-title-box">
					<view class="block-title">
						<view class="text">
							资讯
						</view>
						<view class="icon-more" @tap="toZixun">
							<view class="more">
								更多
							</view>
							<label class="iconfont arrow">&#xe640;</label>
							</view>
					</view>

				</view>

			</view>
			<newsListTemp :newsList="lists"></newsListTemp>
		</view>
		<!-- 热点回答暂时注释 -->
		<!-- <view class="block-box">
			<view class="block">
				<view class="block-title-box">
					<view class="block-title">
						<view class="text">
							热点问答
						</view>
						<view class="icon-more" @tap="toQiuzhi">
							<view class="more">
								更多
							</view>
							<label class="iconfont arrow">&#xe640;</label>
						</view>
					</view>
				</view>
				<view class="block-content">
					<view :class="{qiuzhiItem:true,first:index==0}" v-for="(item,index) in qiuzhilist" :key="index">

						<view class="qiuzhi-top size uni-ellipsis">
							{{item.value}}
						</view>
						<view class="qiuzhi-bottom  uni-ellipsis">
							{{item.value}}
						</view>
					</view>
				</view>

			</view>

		</view> -->
		<view class="block-box">

			<view class="block">
				<view class="block-title-box">
					<view class="block-title">
						<view class="text">
							产品
						</view>
						<view class="icon-more" @tap="toProduct">
							<view class="more">
								更多
							</view>
							<label class="iconfont arrow">&#xe640;</label>
						</view>
					</view>

				</view>
				<!-- <view class="block-content">
					<view class="intro">
						<view class="pro-title">
							秀实——东雀嘉熠一号收益权转让计划
						</view>
						<view class="detail">
							<view class="item">
								<view class="size color">8%-9.5%</view>
								<view class="color-gray">业绩比较基准</view>
							</view>
							<view class="item">
								<view class="size">
									产品期限
								</view>
								<view class="color-gray">
									12个月
								</view>
							</view>

							<view class="item">
								<view class="size">
									认购起点
								</view>
								<view class="color-gray">
									50万元
								</view>

							</view>
						</view>
						<view class="button-group">
							<view class="">
								产品备案查询
							</view>
							<view class="">
								产品详情
							</view>
						</view>
					</view>

				</view> -->
				<view class="product-box">
					<view class="product-item" @click="toProductDetailQuery(item)" v-for="(item,index) in productList" :key="item.pkId">
						 <view class="product-title"> 
							{{item.productName}}
							<!--<view class="btn zaishouzhong" v-if="item.status==2">在售中</view>
							<view class="btn yixiaxian" v-if="item.status==3">已下线</view>-->
						</view> 
						<view class="product-detail">
							<view class="item-left">

								<view class="large-size color" v-html="item.yield">
									<!-- 8%-9.5% -->
								</view>
								<view class="">
									业绩比较基准
								</view>
								<view class="" v-if="loginRole==3">
									预约人数 {{item.custCnt}}人
								</view>
							</view>

							<view class="item-right">
								<view class="item-right-inside">
									<view class="item">

										产品期限

										<label class="color1" v-html="item.deadline">
											12个月
										</label>
									</view>
									<view class="item">

										认购起点

										<label class="color1" v-html="item.perminBalance">
											50万元
										</label>
									</view>
									<view class="item" v-if="loginRole==3">

										剩余金额

										<label class="color1" v-html="item.leftScale">
											50万元
										</label>
									</view>
								</view>
							</view>
							
						</view> 
					</view>
					<!-- <view class="button-group">
						<view class="" @click="toProductDetail">
							产品详情
						</view>
						<view class="" @click="toBenAnPage" v-show="isSiMu==1">
							产品备案查询
						</view>
					</view> --> 
				</view>
				
			</view> 


		</view>
		<!-- <view class="block-box">
			<view class="block">
				<view class="block-title-box">
					<view class="block-title">
						<view class="text">
							财富讲堂
						</view>
						<view class="icon-more" @tap="toCaifu">
							<view class="more">
								更多
							</view>
							<label class="iconfont arrow">&#xe640;</label>
						</view>
					</view>

				</view>
				<view class="block-content">
					<view class="jiangtang">
						<view class="jt-box">
							<view class="jt-title">
								投资策略
							</view>
							<view class="jt-content">
								投资顾问 专家解读
							</view>
						</view>
						<view class="jt-box">
							<view class="jt-title">
								投资策略
							</view>
							<view class="jt-content">
								投资顾问 专家解读
							</view>
						</view>
					</view> -->
					<!-- <scroll-view class="scroll-view_H" scroll-x="true">
							<view class="scroll-view-item_H">
								<image src="../../static/image/indexImg/3.jpg" mode="widthFix"></image>
								<view class="videoText uni-ellipsis">
									时代专题ttt
								</view>
							</view>
							<view class="scroll-view-item_H">
								<image src="../../static/image/indexImg/3.jpg" mode="widthFix"></image>
								<view class="videoText uni-ellipsis">
									时代专题qqqqqq时代专题qqqqqq时代专题qqqqqq时代专题qqqqqq
								</view>
							</view>
							<view class="scroll-view-item_H">
								<image src="../../static/image/indexImg/3.jpg" mode="widthFix"></image>
								<view class="videoText uni-ellipsis">
									时代专题
								</view>
							</view>
							<view class="scroll-view-item_H">
								<image src="../../static/image/indexImg/3.jpg" mode="widthFix"></image>
								<view class="videoText uni-ellipsis">
									时代专题
								</view>
							</view>
							
						</scroll-view>
						 -->
				<!-- </view>

			</view>
		</view> -->
	</view>
</template>

<script>
	import searchTemp from '../../components/search-temp.vue';
	import newsListTemp from '../../components/newsList-temp.vue';
	import swiperTemp from '../../components/swiper-temp.vue';
	import global from '../../components/tool/homePageQuery.vue';
	import global_ from '../../components/tool/productGlobal';
	import singleSelect from '../API/common/singleSelect';
	export default {
		components: {
			searchTemp,
			newsListTemp,
			swiperTemp,
			singleSelect
		},
		onShow(){
			console.log('onShow====index 重新刷新index主页')
			this.getHomePageData();
		},
		data() {
			return {
				lists: [/* {
						"id": 75408,
						"from_id": "36kr",
						"title": "2018年了，你有AI思维了吗？",
						"summary": "葛优在《甲方乙方》结尾说1997年就要结束了，我很怀念。财经快报测试",
						"column_id": "217",
						"column_name": "人工智能",
						"author_name": "科技唆麻",
						"author_email": "",
						"author_avatar": "https://pic.36krcnd.com/avatar/201803/08005901/c41olcs56y2dq292.jpg!480",
						"post_id": "5163051",
						"cover": "https://pic.36krcnd.com/201811/20140007/siedc1b5fzprrvpn!heading",
						"views_count": 10,
						"comments_count": 0,
						"published_at": "2018-11-21 14:28:06",
						"store_at": "0000-00-00 00:00:00",
						"type": "news",
						"created_at": "2018-11-21 14:31:06",
						"updated_at": "2018-11-21 14:31:06"
					} */
				],
				imgUrl: [/* {
						"id": 1,
						"url": "https://pic.36krcnd.com/201811/20140007/siedc1b5fzprrvpn!heading"
					},
					{
						"id": 2,
						"url": "http://10.0.10.96:82/%E6%A3%92%E6%A3%92%E9%B8%A11.jpg"
					},
					{
						"id": 3,
						"url": "https://pic.36krcnd.com/201811/21055833/9f29w57lh2uwzfow!heading"
					} */
				],
				productList: [],
				isSimu:0,//是否是私募产品 0：私募产品，1：非私募产品
				isRenzheng: false ,//是否进行实名认证
				list: [/* {

						"id": 75408,
						"from_id": "36kr",
						"title": "2018年了，你有AI思维了吗？",
						"summary": "葛优在《甲方乙方》结尾说，1997年就要结束了，我很怀念他。而事实上，不管你承不承认，互联网思维已经是过去式了，对于绝大多数企业来说，要学习的是AI思维，如果不能拥抱AI，恐怕会被时代无情的淘汰。",
						"column_id": "217",
						"column_name": "人工智能",
						"author_name": "科技唆麻",
						"author_email": "",
						"author_avatar": "https://pic.36krcnd.com/avatar/201803/08005901/c41olcs56y2dq292.jpg!480",
						"post_id": "5163051",
						"cover": "https://pic.36krcnd.com/201811/20140007/siedc1b5fzprrvpn!heading",
						"views_count": 10,
						"comments_count": 0,
						"published_at": "2018-11-21 14:28:06",
						"store_at": "0000-00-00 00:00:00",
						"type": "news",
						"created_at": "2018-11-21 14:31:06",
						"updated_at": "2018-11-21 14:31:06"
					} */

				],
				loginRole:'',
				productBeiAnUrl:'',
				proId:'',
				token:uni.getStorageSync('token_key'),
				qiuzhilist: [{
						"value": "1如何选择固定收益类理财产品？"
					},
					{
						"value": "2如何选择固定收益类理财产品？"
					}, {
						"value": "3如何选择固定收益类理财产品？"
					}
				],
				product:''
			}
		},
		onLoad(){
			this.getHomePageData();
		},
		methods: {
			onChange(e) {
				console.log('rate发生改变:' + JSON.stringify(e));
			},
			toProductDetailQuery(param) {
				/* uni.navigateTo({
					url: '../product/productYemian/productYemian?pkId='+pkId,
					success: res => {},
					fail: () => {},
					complete: () => {}
				}); */
				 
				var pkId=param.pkId;
					console.log('-------------'+param.status);
					uni.setStorageSync('product_status', param.status);
					var value=param.yield;//业绩比较基准
					console.log("param==="+value+"end")
					var deadline=param.deadline;//产品期限
					var perminBalance=param.perminBalance;//认购起点
					var myUrl='./productYemian/productYemian?pkId='+pkId+"&yield="+param.yield+"&deadline="+deadline+"&perminBalance="+perminBalance;
					uni.setStorageSync('productBaseInfo',param);
						uni.navigateTo({
							url: '../product/productYemian/productYemian',
							success: res => {},
							fail: () => {},
							complete: () => {}
						});
			}, 
			toBenAnPage(){
				uni.navigateTo({
					url: '../product/productYemian/productBenAn?productBeiAnUrl='+this.productBeiAnUrl,
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}, 
			toProductDetail() {
				if(this.isSimu!=0 || this.isRenzheng){
					uni.navigateTo({
						url: '../product/productYemian/productDetail/productDetail?projId='+this.proId,
						success: res => {},
						fail: () => {},
						complete: () => {}
					});
				}else {
					uni.showModal({
						content: '是否去实名认证？',
						success: function(res) {
							if (res.confirm) {
								uni.navigateTo({
									url: '../product/productYemian/productDetail/simuYuyue/shimingrenzheng/shimingrenzheng',
									success: res => {},
									fail: () => {},
									complete: () => {}
								});
							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					});
					/* uni.showModal({
						content: '是否去实名认证？',
					}) */
				}
			
			},
			getData(){
				console.log("产品备案查询:"+this.proId);
				console.log("产品备案查询地址:"+global_.api.PRODUCT_PAGE_PAI);
				//uni.showNavigationBarLoading();转圈效果
				uni.request({
					method: 'GET',
					url: global_.api.PRODUCT_PAGE_PAI,
					header: {
						'content-type': 'application/x-www-form-urlencoded'
					},
					data: {
						token: this.token,
						projId: this.proId
					},
				
					dataType: 'json',
					success: (res) => {
						//this.resultData = res.data;
						// this.product=res.data.data.product;
						//this.videoUrl=res.data.data.videoUrl;
						this.productBeiAnUrl=res.data.data.productBeiAnUrl;
						this.product=res.data.data.product;
						this.isSiMu=this.product.isSiMu;
						//this.productTagList=res.data.data.productTagList;
						//this.viewCount=res.data.data.viewCount;
						//this.productPingLunList=res.data.data.productPingLunList;
						console.log("返回结果======="+JSON.stringify(this.productBeiAnUrl));
						//this.toBenAnPage();
					},
					fail: (res) => {
						console.log("..............................................fail");
						console.log(JSON.stringify(res));
						//this.text = 'request fail';
					},
					complete: (res) => {
						//停止当前页面下拉刷新。
						uni.hideNavigationBarLoading();
						uni.stopPullDownRefresh();
					}
			})},
			getHomePageData(){//获取首页数据-包括轮播图资讯财经快报等
				var userInfo = uni.getStorageSync('userinfo_key');
				if ('' != userInfo && null != userInfo) {
					console.log("登录信息：=========="+JSON.stringify(userInfo))
					var role = userInfo.loginRole;
					this.loginRole = role;
					if(this.loginRole==3){
						this.isRenzheng=true;
					}
				}
				
				var usrtaken = uni.getStorageSync('token_key');
				console.log("token====================="+usrtaken);
				var url=global.api.queryHomePageDataUrl;
				uni.request({  
					method:'POST',
					url: url, 
					header : {'content-type':'application/x-www-form-urlencoded'},
					data: {
						queryPhotoNumber: '5',//轮播图3
						queryCJKBNumber: '1',//财经快报1
						queryInformNumber:'2',//资讯2
						token:usrtaken
					},
					
					dataType:'json',
					success: (res) => {
						var code=res.data.code;
						var message=res.data.message;
						//console.log("首页轮播图以及财经快报资讯数据查询接口返回="+JSON.stringify(res.data));
						if(code=='0'){
							console.log("首页信息获取成功！");
							var imgArray = new Object();   
							imgArray = res.data.data;
							//console.log("处理后的轮播图集合############"+JSON.stringify(imgArray.photoList));
							var tempArray = new Array();
							tempArray = imgArray.photoList;
							//console.log("changdu@@@@@@@@"+tempArray.length);
							var imgNewList=new Array();
							//遍历轮播图片集合
							for (var i = 0; i < tempArray.length; i++) {
								var imgjson = new Object();
								imgjson.type = tempArray[i].sl_Type;
								imgjson.id = tempArray[i].sl_Sid;
								imgjson.url= tempArray[i].pic_Url;
								console.log("图片URL*****"+tempArray[i].pic_Url);
								imgNewList.push(imgjson);
							}
							this.imgUrl = imgNewList;
							//财经快报模块相关操作
							var cjkbArray = new Array();
							cjkbArray = imgArray.newsList;
							//console.log("财经快报模块相关======="+JSON.stringify(cjkbArray));
							//console.log("财经快报模块长度======="+cjkbArray.length); 
							var caijinAndInforArray = new Array();
							for (var i = 0; i < cjkbArray.length; i++) {
								var cjkbItem = new Object();
								cjkbItem.summary = cjkbArray[i].bL_HeadLine;//标题
								cjkbItem.column_name = cjkbArray[i].bL_AUTHOR;//作者
								cjkbItem.post_id = cjkbArray[i].bL_ID;//ID
								cjkbItem.cover = cjkbArray[i].pIC_ADDR;//缩略图地址 
								console.log("图片财经快报URL*****"+cjkbArray[i].pIC_ADDR+cjkbArray[i].bL_ID);
								cjkbItem.views_count = cjkbArray[i].cREATE_DATEs; //评论数量改为创建时间展示
								caijinAndInforArray.push(cjkbItem);
							}
							//资讯模块处理  
							var inforArray = new Array();
							inforArray = imgArray.inforList;
							console.log("资讯模块相关======="+JSON.stringify(inforArray));
							console.log("资讯模块长度======="+inforArray.length); 
							for (var i = 0; i < inforArray.length; i++) {
								var zxItem = new Object();
								zxItem.summary = inforArray[i].news_Tit;//标题
								zxItem.column_name = inforArray[i].news_Source;//作者更改为展示新闻来源
								zxItem.post_id = inforArray[i].news_Id;//ID
								zxItem.cover = inforArray[i].thumb_Pic;//缩略图地址
								console.log("资讯模块URL*****"+inforArray[i].thumb_Pic);
								zxItem.views_count = inforArray[i].create_DateString; //评论数量更改为展示创建时间
								caijinAndInforArray.push(zxItem); 
							} 
							this.lists = caijinAndInforArray;
							//this.productList = imgArray.productList;
							var listPro = imgArray.productList;
							this.proId = listPro[0].pkId;
							console.log("产品详情2===="+JSON.stringify(listPro[0].pkId))
							console.log("预约人数----------"+JSON.stringify(listPro[0].custCnt))
							if(listPro[0].custCnt==null){
								listPro[0].custCnt='0';
							}
							this.productList = listPro;
							this.getData();
						}else{
							uni.showToast({
							title:message,
							icon:"none" 
							});
							return false;
						}
						
					},fail:(res) => {
						/* console.log("fail");
						console.log(res.data); */
					},complete:(res) => {
						/* console.log("complete");
						console.log(res.data); */
					}
				});
					
					
			},
			toZixun() {
				uni.navigateTo({
					url: 'news/news',
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			},
			toHuodong() {
				/* uni.navigateTo({
					url: 'huodong/huodong',
					success: res => {},
					fail: () => {},
					complete: () => {}
				}); */
				uni.showLoading({
					title: '敬请期待！'
				});
				setTimeout(function () {
					uni.hideLoading();
				}, 1000);
			},
			
			toCaifu() {
				/* uni.navigateTo({
					url: 'caifu/caifu',
					success: res => {},
					fail: () => {},
					complete: () => {}
				}); */
				uni.showLoading({
					title: '敬请期待！'
				});
				setTimeout(function () {
					uni.hideLoading();
				}, 1000);
			},
			toQiuzhi() {
				/* uni.navigateTo({
					url: 'knowledge/knowledge',
					success: res => {},
					fail: () => {},
					complete: () => {}
				}); */
				uni.showLoading({
					title: '敬请期待！'
				});
				setTimeout(function () {
					uni.hideLoading();
				}, 1000);
			},
			toProduct() {
				uni.switchTab({
					url: '../product/product'
				})
			},
			toZaobao() {
				uni.navigateTo({
					url: './zaobao/zaobao',
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			},
			toStore() {
				/* uni.navigateTo({
					url: './store/store',
					success: res => {},
					fail: () => {},
					complete: () => {}
				}); */
				uni.showLoading({
					title: '敬请期待！'
				});
				setTimeout(function () {
					uni.hideLoading();
				}, 1000);
			}

		}
	}
</script>

<style>
	.lists {
		padding: 40upx 0;
		background: #fff;
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-bottom: 20upx;
	}

	.list-item {
		flex: 1;
		text-align: center;

	}

	.list-item image {
		height: 80upx;
		width: 80upx;
		border-radius: 50%;
	}

	.list-item text {
		display: block;
		line-height: 46upx;
	}

	.block-box {
		margin-bottom: 20upx;
	}

	.block {
		display: flex;
		flex-direction: column;
		padding: 0 32upx;
		background: #fff;

	}

	.block-title-box {
		padding: 43upx 0 20upx;
	}

	.block-title {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		background: white;
		align-items: center;
		border-left: 8upx solid #cb9359;

	}

	.block-title .text {
		margin-left: 18upx;
		font-size: 16px;

	}

	.block-title .more {
		color: #999999
	}

	.block-content {
		width: 100%;

		padding-bottom: 30upx;
	}

	.arrow {
		
		margin-left: 10upx;
	}

	.icon-more {
		display: flex;
		flex-direction: row;
		align-items: center
	}

	.qiuzhiItem {
		width: 100%;
		padding: 20upx 0;
		border-bottom: 1px solid #eeeeee;
	}

	.qiuzhi-top {
		width: 603upx;
		
		font-size: 18px;
		font-family: PingFang-SC-Bold;
		font-weight: bold;
	
		line-height: 48upx;
	}

	.qiuzhiItem.first {
		
		text-indent: 25upx;
		background: url("http://ai.ylcaifu.com/appimg/images/1.0-%E5%8F%91%E7%8E%B0/1.0-%E5%8F%91%E7%8E%B0%EF%BC%88%E6%96%B0%E5%AE%A2%E6%88%B7%EF%BC%89/android/drawable-xhdpi/renmenwenda.png") no-repeat center;
		background-size: 100% 100%;
		border-radius:0px 5px 5px 5px;
		
		
		
	}
	.qiuzhiItem.first .qiuzhi-bottom,.qiuzhiItem.first .qiuzhi-top{
		color: rgba(255, 255, 255, 1);
	}
	.qiuzhi-bottom {

		color: #999999;
		line-height: 48upx;
	}
	.intro {
		display: flex;
		flex-direction: column;
		border: 1px solid #eeeeee;
		box-shadow: 0 0 10px #f6f6f6;
		background: #FFFFFF;

	}

	.pro-title {
		line-height: 80upx;
		text-indent: 32upx;
		font-size: 15px;
	}

	.detail {
		text-align: center;
		padding: 20upx 0;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		border-top: 1upx solid #EEEEEE;
		border-bottom: 1upx solid #EEEEEE;
	}

	.detail .item {

		line-height: 50upx;

	}

	.color {
		color: rgb(200, 166, 91);

	}

	.color-gray {
		color: #999999;
	}

	.size {
		font-size: 16px;
	}

	.button-group {

		height: 90upx;
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.button-group view {
		margin-left: 22upx;
		line-height: 50upx;
		background: linear-gradient(-90deg,rgba(196,156,90,1) 0%,rgba(226,196,138,1) 100%);
		color: #fff;
		padding: 0 32upx;
		border-radius: 20px;

	}

	.uni-list-cell:after {
		left: 0;
	}

	.jiangtang {
		padding: 20upx 0 10upx;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	.jiangtang .jt-box:first-child {
		width: 330upx;
		height: 186upx;
		background:linear-gradient(-30deg,rgba(248,163,1,1) 0%,rgba(245,200,0,1) 100%);
		border-radius:5px;
	}
	.jiangtang .jt-box:last-child{
		width: 330upx;
		height: 186upx;
		background:url("http://ai.ylcaifu.com/appimg/images/1.0-%E5%8F%91%E7%8E%B0/1.0-%E5%8F%91%E7%8E%B0%EF%BC%88%E6%96%B0%E5%AE%A2%E6%88%B7%EF%BC%89/android/drawable-xhdpi/xinshouzhidao.png") no-repeat center;
		background-size:360upx 186upx;
		border-radius:5px;
	}
	.jiangtang .jt-box{
		display: flex;
		flex-direction: column;
		color: #fff;
	}
	.jt-title{
		margin: 27upx 0 17upx 25upx;
		font-size: 18px;
		font-weight:bold;
	}
	.jt-content{
		margin-left: 21upx;
		
	}
	.product-item {
		display: flex;
		flex-direction: column;
		background: #FFFFFF;
		margin-top: 20upx;
	
	}
	.product-title {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	
		height: 40px;
		text-align: left;
		font-size: 15px;
		margin: 0 30upx;
	}
	.product-detail {
		padding: 20upx 0;
		display: flex;
		border-top: 1px solid rgba(238, 238, 238, 1);
		border-bottom: 1px solid rgba(238, 238, 238, 1);
		height: 120upx;
	}
	.color1 {
		color: #999999;
		text-align: right;
		margin-left: 20upx;
	}

	.item {
		display: flex;
		flex-direction: row;
	}
	.item-right-inside{
		text-align: left;
	}
	.item-right {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.item-left {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		border-right: 1px solid #EEEEEE;
	}
</style>
